<!--
    照片类型配置
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:replace="common/common :: jscss"/><title>照片类型配置</title>
</head>
<body>
<style>
    .layui-card .layui-form .layui-form-label {
        width: 120px;
    }
    .layui-required:before {
        content: "*\00A0\00A0";
        display: inline-flex;
        color: #ff0000;
    }

</style>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <form method="post" action="" class="layui-form" id="zmn-form" lay-filter="zmn-form">
                <input type="hidden" th:value="${data.categId}" name="categId" id="categId">

                <th:block th:if="${data.categId != null}">
                    <label class="layui-form-label">ID：</label>
                    <div class="layui-input-block">
                        <div class="layui-form-mid">
                            <span id="contentId">[[${data.categId}]]</span>
                        </div>
                    </div>
                </th:block>

                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">类型分类：</label>
                    <div class="layui-input-inline">
                        <select name="type" id="type" th:value="${data.type}" class="layui-input">
                            <option value="">请选择</option>
                            <option value="1" th:selected="${data.type==1}">照片</option>
                            <option value="2" th:selected="${data.type==2}">视频</option>
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">类型名称：</label>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="类型名称" maxlength="50" id="categName" name="categName" th:value="${data.categName}" lay-verify="required|categ-name" class="layui-input"></input>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">排序：</label>
                    <div class="layui-input-inline">
                        <input type="number" placeholder="排序" id="sort" name="sort" th:value="${data.sort}" lay-verify="required" class="layui-input"></input>
                    </div>
                    <div class="layui-form-mid layui-word-aux">数字越小，在越前面</div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">说明：</label>
                    <div class="layui-input-inline" style="width: 200px">
                        <textarea placeholder="200字以内" maxlength="200" id="remark" name="remark" th:text="${data.remark}" lay-filter="remark"
                              class="layui-textarea" style="width: 300px;"></textarea>
                    </div>
                </div>

                <div class="layui-form-item submit">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="save">保存</button>
                        <button class="layui-btn layui-btn-primary" onclick="parent.layer.closeAll();">取消</button>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>

<script th:inline="javascript">
    let dataVo = [[${data}]];

    layui.config({
        base: "/static/js/module/",
        version: 20221013001,
    }).extend({
        oms_conf_attachment_category_detail: "conf/attachment/category/zmn.oms.conf.orderAttachment.category.detail"
    }).use(['oms_conf_attachment_category_detail']);
</script>

</body>
</html>